<!DOCTYPE html>
<html class="no-js">
<head>
	<?=$var['base_modificada']?>
	<title>Cambiar mi clave</title>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="viewport" content = "user-scalable=no, width=device-width"/>
	
	<!-- ESTILOS --->	
	<link rel="shortcut icon" href="Cliente/Imagenes/favicon.ico"> 
    <link rel="stylesheet" href="Cliente/Estilo/bootstrap.css">        
	<link rel="stylesheet" href="Cliente/Estilo/font-awesome.css">         
	<link rel="stylesheet" href="Cliente/Estilo/template.css">     
	<link rel="stylesheet" href="Cliente/Estilo/login.css">
	<link rel="stylesheet" href="Cliente/Estilo/estructura.css">		
	<link rel="stylesheet" href="Cliente/Estilo/perfil.css">		
		
	<link type="text/css" rel="stylesheet" media="all" href="Cliente/Estilo/chat.css" />
		
	
	<!-- LIBRERIAS -->		
	<script src="Cliente/Scripts/Librerias/modernizr-2.6.1-respond-1.1.0.min.js"></script>  <!--+--->
	<script type="text/javascript" src="Cliente/Scripts/Librerias/jquery-1.7.1.min.js"></script> <!--+--->
	<script src="Cliente/Scripts/Librerias/bootstrap.js"></script>  <!--+--->	
		
	<!-- SCRIPTS -->				
	<script type="text/javascript" src="Cliente/Scripts/ajax_facil.js"></script>
	<script type="text/javascript" src="Cliente/Scripts/cambio-clave.js"></script>		
	
	
</head>
	<body>
		<? include $APP->header;?>
		<div class="todo">
			<div class="container text-center">
				<a href="inicio" class="volver"><i class="fa fa-arrow-left"></i> Volver</a>
				
				<div class="heading-section col-md-12 text-center">
					<i class="fa fa-key"></i><br>
					<h2>Cambiar mi clave</h2>            
				</div> 
				
				<div class="datos col-md-6 col-md-offset-3 col-sm-12 text-center">
					
					<div class="col-md-10 col-md-offset-1 col-sm-8 col-sm-offset-2 ">
					  <form action="cambio-de-clave/procesar-edicion:<?=$var['id_usuario']?>" method="post" name="formcambio" id="formcambio">
						<input type="hidden" id="hidIdUsuario" name="hidIdUsuario" value="<?=$var['id_usuario']?>" />
						
						<div class="comentario"><i class="fa fa-angle-double-down"></i> Para cambiar su contraseña complete los 3 campos:</div>
						 
						<div id="clave-valida" class="verificacion"></div>	
						<input  name="txtClaveActual" type="password" id="txtClaveActual" placeholder="Mi contraseña actual" />
						
						<div id="clave-valida-nueva" class="verificacion"></div>	
						<input name="txtClaveNueva" type="password" id="txtClaveNueva"  placeholder="Mi contraseña nueva" />
						
						<div id="clave-diferente" class="verificacion"></div>	
						<input name="txtReClaveNueva" type="password" id="txtReClaveNueva"  placeholder="Repetir mi contraseña nueva" />
					    <br> <br>
					   
					  <input type="button" id="btnClave" class="boton" value="Guardar clave nueva" />	
					 </form>	
					</div>
                
				</div>	
				
				
			</div>			
		</div>
		
			<? include $APP->footer;?>
	</body>
</html>